define(['jquery','pag'], () => {
    function fn() {
        //当前模块实现某项功能的代码
        
        $.get('./data/goods.json', 'json').then(function (res) {
            res = res.slice(0, 40)
            let arr = res.map(function (item) {
                return `
             <li class="li-item">
              <a href="./html/xqy.html?id=${item.goods_id}">
                <div class="pic">
                    <img src="${item.img_small_logo}">
                        </div>
            <p class="title">${item.title}</p>
            <p class="price">${item.price}</p>
            </a>
			<button data-id="${item.goods_id}" id="b">加入购物车</button>
         </li>`
            }).join('')
            $('.paging_list')[0].innerHTML=arr
            //分页js
            $(".paging_list").paging({//分页的js要写在then里面，这里面有一定的逻辑
                PageNum: 10, //每页显示数目
                pageMax: true, //按钮长度是否显示
                pageMaxHideShow: false, //在最后一个的时候是否隐藏按钮长度
                pageDownUpHide: false, //到第一个或最后一个是否让上一页或下一页消失
                pageInput: true, //是否使用文本框输入跳转
                pagingBtnHide: false, //是否让按钮变为一个
                pagingBtnPaging: false, //按钮是否分页
                pagingDisplay: "flex" //显示的属性，弹性盒子还是块化
            })


        })
       
        

    }
    //返回函数名称，将函数调用的控制权交给main.js文件中
    return {
        fn: fn
    }
})